<style>
    .tooltip_ext {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black; /* Add a dotted border bottom */
        cursor: help; /* Change cursor to a help icon */
    }

    .tooltip_ext .tooltiptext {
        visibility: hidden;
        width: 900px;
        background-color: #555;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -300px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip_ext:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
</style>


<br> 
<h2>
    <u>Your task:</u>
</h2>
<div style="padding-left: 30px;">
    <br>
    In this study, <b>you will choose between reducing carbon dioxide (CO2) emissions and receiving money for yourself.</b> There are always two options: Option A and Option B. 
    <ul>
    <li>
       <b>Option A does not give you a monetary payment,</b> but <b> reduces the amount of CO2 emissions in the atmosphere.</b> Specifically, we will actually implement these reductions in emissions by purchasing carbon offsets. Carbon offsets work by funding real projects that lower CO2 emissions 
       <div class="tooltip_ext">
        (Hover here for more information on carbon offsets).
        <span class="tooltiptext">
            Carbon offsets are tradable “rights” or certificates linked to activities that lower the amount of carbon dioxide (CO2) in the atmosphere. By buying these certificates, a person or group can fund projects that fight climate change, instead of taking actions to lower their own carbon emissions. 
    
            Carbon offsets fund specific projects that either lower CO2 emissions, or “sequester” CO2, meaning they take some CO2 out of the atmosphere and store it. Some common examples of projects include reforestation, building renewable energy, carbon-storing agricultural practices, and waste and landfill management. Reforestation in particular is one of the most popular types of projects to produce carbon offsets. Carbon offsets are granted to project owners, who sell them to third parties like companies that want to balance the CO2 they put into the atmosphere by paying to remove CO2 from somewhere else.
        </span>
    </div>
    </li>
    <li>
        Option B, by contrast, <b>gives you a monetary payment</b> (actually paid to you) but does not reduce CO2 emissions.
    </li>
    <li>
        In each round, you will be <b>told the amount CO2 emissions are reduced by choosing Option A</b>, and the amount of money earned by choosing Option B. You will then decide between the two options. You will make this decision <b>for a range of different amounts of money paid by Option B.</b>
    <ul>
        <li>
            To make the amount of CO2 emissions reduced by Option A easier to understand, we will tell you <b>how many weeks it would take a typical car used for commuting to produce the same amount of emissions</b>, according to estimates from the Environmental Protection Agency.
        </li>
    </ul>
    </li>
    <li>
        The price we pay for carbon offsets that equal the emissions produced by car commuting for 8 weeks (0.5 metric tons) is roughly $2.50.
    </li>
    <li>
        In total, you will complete 11 rounds of this task. Across these rounds, the amount of CO2 emissions reduced by choosing Option A varies. These rounds are completely independent from one another. If one of the rounds of this task is selected to determine your bonus, only your decision in this one round will determine your bonus. 
    </li>
</ul>
</div>
<br>
<hr>
<br>
<h2>
<u>Your bonus payment:</u>
</h2>
<div style="padding-left: 30px;">
    <br>
    Your decisions  may affect your bonus and the reduction of CO2 emissions. 
    <ul>
        <li>
            Specifically, if you choose A,  we will purchase carbon offsets that actually produce the described reduction in emissions.
             We will purchase these offsets from the United Nations Carbon Offset Platform, which certifies carbon reduction projects (click 
            <a target=”_blank” href="https://offset.climateneutralnow.org/UNcertification">
                here
            </a>
            for more information on the UN Carbon Offset Platform).
        </li>
        <li>
            If you choose Option B, you will receive the monetary payment provided by that option. 
        </li>
    </ul> 
    This means that it is in your best interest <b>to choose the option you actually prefer in each case.</b>
</div>
<div style="width: 100%; text-align: center; margin-top: 10px" class="instr_button_div">
    <button id="button_instr" class="revealbutton instr_button"><span style="color:#fff;">Next</span></button>
</div>
<div class="hidding_div" style="display: none;">
    <br>
    <hr>
 <br>
<h2>
    <u>Example:</u> 
</h2>
<br>
<center>
    <img class="example_image" style="margin: 5px; border: 2px solid lightgray; width: 75%;" alt="Example image of the decision screen (input later)" src="https://github.com/sebre97/Attenuation/blob/main/Instructions/figures/instr_figures/EXT.png?raw=true">
</center>
<div style="padding-left: 30px;">
    <br>
    <ul> 
        <li>
            In this example, the amount of CO2 emissions reduced by choosing Option A is 2.25 metric tons. 
        </li>
        <li>
            You will then decide between reducing CO2 emissions and receiving a monetary payment.
        </li>
        <li>
            You will make your decisions in a choice list, <b>where each row is a separate choice.</b>
            <ul>
                <li>
                    In every list, the left-hand option (A) is a reduction of CO2 emissions that is identical in all rows. The right-hand option (B) gives you a monetary gain. 
                    This monetary gain increases from row-to-row as you go down the list.
                </li>
                <li>
                    To make a choice just click on the radio button you prefer for each choice (i.e. for each row).
                </li>    
                <li>
                    <b>An effective way to complete these choice lists is to determine in which row you would prefer to switch from choosing the CO2 reduction (Option A) to choosing a monetary gain (Option B).</b> 
                    You can click on that row and we will automatically fill out the rest of the list for you, 
                    by selecting the CO2 reduction (Option A) in all rows above and the monetary gain (Option B) in all rows below your selected row.
                </li>
                <li>
                    Based on where you switch from reducing carbon emissions to receiving money in this list, we assess which monetary gain you value as much as the reduction in CO2 emissions.
                </li>   
                <li>
                    For example, in the choice list above, your choice suggests that you value reducing CO2 emissions by 2.25 metric tons as much as a monetary gain between $6.00 and $7.00, because this is where you switched.
                </li>
                <li>
                    If a round in this study is selected for bonus payment, the computer will randomly select one of your choices from that choice list, and we will implement the option you selected in that choice.
                </li>
            </ul>   
        </li>
    </ul>

</div>
<br>
<hr>
<br>    
<h2>
   <u>Your certainty:</u>
</h2>
<div style="padding-left: 30px;">
   <br>
   In each round, we will ask you two questions:
    <br>
   <ul>
       <li>
        You will decide between Option A and Option B. We will use these decisions to assess which monetary gain you value as much as a given reduction in CO2 emissions. 
    </li>
       <li>
        We will ask you <b>how certain</b> you are about your decisions. 
        Specifically, we are interested in how likely you think it is (in percentage terms) that your decisions actually reflect how much you value the reduction in CO2 emissions, given your personal preferences and the available information.   
    </li>
   </ul>
</div>
</div>

